import React from 'react'

import { DndList } from '../components';

const data = [
        {
            id: "1",
            title: 'Title 1',
            description: 'Description 1',
            children: [
                {
                    id: "1-1",
                    title: 'children 1-1',
                    description: 'children 1-1',
                    children: [
                        {
                            id: "1-1-1",
                            title: 'children 1-1-1',
                            description: 'children 1-1-1',
                        },
                        {
                            id: "1-1-2",
                            title: 'children 1-1-2',
                            description: 'children 1-1-2',
                        },
                    ],
                },
                {
                    id: "1-2",
                    title: 'children 1-2',
                    description: 'children 1-2',
                    children: [
                        {
                            id: "1-2-1",
                            title: 'children 1-2-1',
                            description: 'children 1-2-1',
                        },
                        {
                            id: "1-2-2",
                            title: 'children 1-2-2',
                            description: 'children 1-2-2',
                        },
                    ]
                },
            ],
        },
        {
            id: "2",
            title: 'Title 2',
            description: 'Description 2',
        },
        {
            id: "3",
            title: 'Title 3',
            description: 'Description 3'
        },
        {
            id: "4",
            title: 'Title 4',
            description: 'Description 4',
        },
];

function App() {



  return (
    <div>
      <DndList
        data={data}
        getListItems={(data) => console.log(data,"data") }
      />
    </div>
  )
}

export default App
